<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>餐厨管理</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/plugins/jQuery/jquery.mobile-1.4.5.min.css}" />
<script th:src="@{/plugins/jQuery/jquery-1.10.2.min.js}"></script>
<script th:src="@{/plugins/jQuery/jquery.mobile-1.4.5.min.js}"></script> 
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>

<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
<link rel="stylesheet" th:href="@{/mobile/reset.css}" />
<link rel="stylesheet" th:href="@{/mobile/listView.css}" />
<script th:src="@{/mobile/listView.js}"></script>
<style type="text/css">
/* tab css */
.tab .nav-tabs {
	border-bottom: 0 none;
	background: #ffffff;
}
.tab .nav-tabs li a {
	background: transparent;
	border-radius: 0;
	font-size: 16px;
	border: none;
	color: #909090;
	padding: 12px 22px;
	text-align: center;
}
.tab .nav-tabs li.active a, .tab .nav-tabs li.active a i {
	border: 0 none;
	color: #F44C31;
}

.tab .nav-tabs li.active{
	border-bottom: 1px solid #F44C31;
}

.tab .tab-content {
	font-size: 14px;
	line-height: 20px;
	margin-top: 2px;
}

.tab .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	width: 50%;
	height: 100%;
}
/**/
.settingsValue {
	width:100px;
	display:block;
	word-break: break-all;
	word-wrap: break-word;
	display:inline;
}

.settingsValue-ta{
	width:100%;
	display:block;
	word-break: break-all;
	word-wrap: break-word;
}

.ui-select{
	margin: 0;
}
.ui-input-text{
	border-width: 0px;
}
.ui-input-text, .ui-input-search{
	margin: 0;
}
body, input, select, textarea, button, .ui-btn{
	font-size: 13px;
}

.ui-btn-icon-notext, .ui-header button.ui-btn.ui-btn-icon-notext, .ui-footer button.ui-btn.ui-btn-icon-notext{
	width: 0px;
	height: 0px;
}
</style>

</head>
<body>
	<div data-role="page" id="pageone" style="background-color:#F5F5F5;">

		<div data-role="header" data-position="fixed" data-tap-toggle="true">
			<span class="fa fa-angle-left goHome-dcms"></span>
			<h1>餐厨管理</h1>
		</div>
		<input type="hidden" id="identify" th:value="${bussinessId}" />
		<div data-role="main" style="background-color: #F5F5F5;">
			<div>
				<div class="tab" role="tabpanel">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab1" data-toggle="tab">当日收集记录</a></li>
						<li><a href="#tab2" data-toggle="tab">收集历史</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane fade in active" id="tab1">
							<ul data-role="listview" id="kitchenWasteToDayInfo" data-inset="true" data-listView-theme="c" data-pic-show="false" data-class="hrefClick">
							</ul>
						</div>
						<div class="tab-pane fade" id="tab2">
							<ul data-role="listview" id="kitchenWasteHistoryInfo" data-inset="true" data-listView-theme="c" data-pic-show="false" data-class="hrefClick"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div data-role="popup" id="popupView" data-position-to="window"
			class="ui-content" data-theme="a" data-overlay-theme="a"
			data-dismissible="false">
			<div data-role="content">
				<img th:src="@{/img/loading.gif}" />
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a">
			<center>
				<input id="saveBtn" type="button" data-inline="false"
					value="添加收集记录"
					style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 98%; height: 38px;font-size:16px;" />
			</center>
		</div>
	</div>
	
			<!-- 厨房废弃物面板 -->
		<div data-role="page" id="detailKitchenWastePage" style="background-color:#F5F5F5 ;background-size: cover;">
			<div data-role="header" data-position="fixed" data-tap-toggle="true" data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>详情查看</h1>
		</div>
		
		<div data-role="main" style="background-color: #F5F5F5;">
			<form method="post" id="updateKitchenWasteForm">
			<input type="hidden" name="kitchenWasteId" id="kitchenWasteId"/>
			<ul data-role="listview">
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>废弃物</span></div>
						<div class="col-xs-5 ">
							<div class="settingsValue"><input data-clear-btn="false" type="number" name="waste" id="updatewaste"/></div>
						</div>
						<div class="col-xs-1" style="margin: 0;padding-left: 0px">kg</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>废弃油</span></div>
						<div class="col-xs-5 ">
							<div class="settingsValue"><input data-clear-btn="false" type="number" name="wasteOil" id="updatewasteOil"/></div>
						</div>
						<div class="col-xs-1" style="margin: 0;padding-left: 0px">kg</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>备注</span></div>
					</div>
				</li>
				<li style="padding-top: 0; padding-bottom: 0; padding-left: 1em;padding-right: 1em;">
					<div class="row">
						<div class="col-xs-12 ">
							<div class="settingsValue-ta">
								<textarea data-clear-btn="true" style="resize: none;" type="text" name="remark" id="updateremark" placeholder="请填写备注情况"></textarea>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-4 settingsTitle"><span>现场拍照</span></div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-12 ">
							<div class="settingsValue">
							<a href="javascript: ;" id="updatefileclick"><img src="/wcsi/img/upload.png" id="updateavatart" style="width:70px;height: 70px"/></a>
							<input type="file" id="update_file_upload" name="file" style="display: none;opacity: 0;" />
							</div>
						</div>
					</div>
				</li>
				
							
				<li>
					<div class="row">
						<div class="col-xs-12 ">
							<input id="updateBtn" type="submit" data-inline="false" value="修改" style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 98%; height: 38px;font-size:16px;"/>
						</div>
					</div>
				</li>
			</ul>
			</form>
		</div>
	</div>
	<script th:src="@{/mobile/common.js}"></script>
	<script th:src="@{/mobile/kitchenwaste/indexOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>